<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="fdcolumn">
    <main class="fdcolumn">
        <div class="swiper rel">
            <div class="swiper-wrapper">
                <div class="swiper-slide bg1"></div>
                <div class="swiper-slide bg2"></div>
                <div class="swiper-slide bg3"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination "></div>
        </div>
        <div class="content fdcolumn">
            <!-- 今日排名打卡 -->

            <div class="itmes flex fdrow">
                <div class=" today">
                    <h3>今日排名</h3>
                    <span id="rankTxt">9</span>
                </div>
                <div class="clockbtn tcenter ml20">
                    <h3>累计打卡<span id="clockTxt">2</span>天 </h3>
                    <div id="clock">今日打卡</div>
                </div>
            </div>
            <!-- 运动数据徽章 -->
            <div class="itmes flex fdrow">
                
                <h3 class="flex sport br20" id="wcolor">运动数据</h3>
                <div class="flex all ml20 badge">
                    <h3>累计运动徽章</h3>
                    <div ><span id="badgesTxt">3</span> 枚</div>
                </div>
            </div>
            <!-- 课程训练 -->
            <a href="course.html"><div class="itmes wcolor pd10 fdrow course">
                <h3 id="wcolor">课程训练</h3>
            </div></a>
            <div class="itmes outside pd10 wcolor fdrow">
                <h3  id="wcolor">户外跑步</h3>
            </div>

        </div>



    </main>
</body>

</html>